<!DOCTYPE html>

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Cache-control" content="no-cache">
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<title>{ms:global.name/}</title>
<meta name="description" content="{ms:global.descrip/}" />
<meta name="keywords" content="{ms:global.keyword/}" />
<link  href="/{ms:global.style/}css/common.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="/{ms:global.style/}js/jquery.min.js"></script>
<link href="{@ms:file global.logo/}" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
<#include "head.htm"/>
<div class="main">
  <link type="text/css" href="/{ms:global.style/}css/index.css" rel="stylesheet">
  <div class="index-banner">
    <div class="cover"></div>
    <div class="s wp">
      <h2><span>某某</span><span class="mc">专注互联网信息化服务</span></h2>
      <h6>网站定制开发/微信开发/小程序开发/APP开发/商城开发等</h6>
    </div>
    <div class="index-slogan">
      <div class=" wp cl">
        {ms:channel type="self" typeid="1843462032550416400"}
        <div class="service-subject cl">
          <div class="m"><img src="/{ms:global.style/}images/slogan-1.png" width="48" height="48" alt="${field.typetitle}"> </div>
          <div class="title-sub">${field.typetitle}</div>
          <p class="des">${field.typedescrip}</p>
        </div>
        {/ms:channel} 
        {ms:channel type="self" typeid="1843462032550416401"}
        <div class="service-subject cl">
          <div class="m"><img src="/{ms:global.style/}images/slogan-2.png" width="48" height="48" alt="${field.typetitle}"> </div>
          <div class="title-sub">${field.typetitle}</div>
          <p class="des">${field.typedescrip}</p>
        </div>
        {/ms:channel} 
        
        {ms:channel type="self" typeid="1843462032550416402"}
        <div class="service-subject cl">
          <div class="m"><img src="/{ms:global.style/}/images/slogan-3.png" width="48" height="48" alt="${field.typetitle}"> </div>
          <div class="title-sub">${field.typetitle}</div>
          <p class="des">${field.typedescrip}</p>
        </div>
        {/ms:channel} 
        {ms:channel type="self" typeid="1843462032550416403"}
        <div class="service-subject cl">
          <div class="m"><img src="/{ms:global.style/}/images/slogan-4.png" width="48" height="48" alt="${field.typetitle}"> </div>
          <div class="title-sub">${field.typetitle}</div>
          <p class="des">${field.typedescrip}</p>
        </div>
        {/ms:channel}
      </div>
    </div>
  </div>
  <div class="index-service ">
    {ms:channel type='self' typeid="1843462032550416393"}
    <div class="index-title">
      <div class="title">${field.typetitle}</div>
      <div class="title-line"></div>
      <p class="tips">${field.typedescrip}</p>
    </div>
    {/ms:channel}
    <div class="wp ">
      <div class="s wps cl"> 
        {ms:channel type='self' typeid="1843462032550416404"}
        <div class="sub">
          <dl>
            <dt>${field.typetitle}</dt>
            <dd class="m"><img src="/{ms:global.style/}/images/pc1.png" width="80" height="80" alt="${field.typetitle}"/></dd>
            <dd class="des">${field.typedescrip}</dd>
          </dl>
          </dl>
          <ul class="on">
            <div class="ul-s">
              <h6>网站定制开发</h6>
              <li>高性能MySQL+PHP架构</li>
              <li>标准化、规范化的CSS+DIV构造前端</li>
              <li>一键更新手机、微信、小程序、APP数据</li>
              <div class="index2n"><a href="{ms:global.html/}${field.typelink}"  class="btn-a"><em></em><span>查看详情</span></a></div>
            </div>
          </ul>
        </div>
        {/ms:channel}
        {ms:channel type='self' typeid="1843462032550416405"}
        <div class="sub">
          <dl>
            <dt>${field.typetitle}</dt>
            <dd class="m"><img src="/{ms:global.style/}/images/pc2.png" width="80" height="80" alt="${field.typetitle}"/></dd>
            <dd class="des">${field.typedescrip}</dd>
          </dl>
          </dl>
          <ul class="on">
            <div class="ul-s">
              <h6>移动开发</h6>
              <li>原生IOS及安卓APP开发</li>
              <li>稳定、安全、高性能的服务端API开发</li>
              <li>规范的开发流程、规范的开发技术文档</li>
              <div class="index2n"><a href="{ms:global.html/}${field.typelink}"  class="btn-a"><em></em><span>查看详情</span></a></div>
            </div>
          </ul>
        </div>
        {/ms:channel}
        {ms:channel type='self' typeid="1843462032550416406"}
        <div class="sub">
          <dl>
            <dt>${field.typetitle}</dt>
            <dd class="m"><img src="/{ms:global.style/}/images/pc3.png" width="80" height="80" alt="${field.typetitle}"/></dd>
            <dd class="des">${field.typedescrip}</dd>
          </dl>
          </dl>
          <ul class="on">
            <div class="ul-s">
              <h6>微信开发</h6>
              <li>基于微信，又不止于微信</li>
              <li>支持与网站、APP统一后台和用户管理</li>
              <li>严格按照微信开发规范开发，稳定安全</li>
              <div class="index2n"><a href="{ms:global.html/}${field.typelink}"  class="btn-a"><em></em><span>查看详情</span></a></div>
            </div>
          </ul>
        </div>
        {/ms:channel}
        {ms:channel type='self' typeid="1843462032550416407"}
        <div class="sub">
          <dl>
            <dt>${field.typetitle}</dt>
            <dd class="m"><img src="/{ms:global.style/}/images/pc4.png" width="80" height="80" alt="${field.typetitle}"/></dd>
            <dd class="des">${field.typedescrip}</dd>
          </dl>
          </dl>
          <ul class="on">
            <div class="ul-s">
              <h6>技术支持服务</h6>
              <li>急速响应紧急支撑需求</li>
              <li>丰富经验让问题解决有更多可能</li>
              <li>服务过湖南红网、人人聚财等知名项目</li>
              <div class="index2n"><a href="{ms:global.html/}${field.typelink}" class="btn-a"><em></em><span>查看详情</span></a></div>
            </div>
          </ul>
        </div>
        {/ms:channel} </div>
    </div>
  </div>
  {ms:channel type='self' typeid="1843462032550416388"}
  <div class="index-case">
    <div class="index-title">
      <div class="title">${field.typetitle}</div>
      <div class="title-line"></div>
      <p class="tips">${field.descrip}</p>
    </div>
    <div class="wp">
      <ul class="s  cl">
        {ms:arclist size=8  }
        <li> <a href="{ms:global.html/}${field.link}">

          <div class="m"><img width="300" height="200" src="{@ms:file field.litpic/}" class="attachment-post-thumbnail wp-post-image" alt="web-1738168_1920" /></div>
          <p><span>{@ms:len field.title 20/}</span></p>
          </a> </li>
        {/ms:arclist}
      </ul>
    </div>
    <a href="{ms:global.html/}${field.typelink}" class="more btn-a"><em></em><span>更多案例</span></a> </div>
  {/ms:channel}

  <div class="index-customer index-f">
    {ms:channel type='self' typeid="1843462032550416408"}
    <div class="index-title">
      <div class="title">${field.typetitle}</div>
      <div class="title-line"></div>
      <p class="tips">${field.typedescrip}</p>
    </div>
    {/ms:channel}
    <div class="s wp">
      <div id="customer-box" class="customer-box">
        <div class="bd">
          <ul>
            {ms:arclist typeid="1843462032550416408" size=10  }
            <li class="cl">
              <div class="m"><img src="{@ms:file field.litpic/}" width="130" height="130" alt="{@ms:len field.title 20/}" /> </div>
              <div class="big-title">{@ms:len field.title 20/}</div>
              <p>${field.descrip}...</p>
              <div class="s-title">${field.typetitle}</div>
            </li>
            {/ms:arclist}
          </ul>
        </div>
        
        <div class="hd">
          <ul>
            {ms:arclist typeid="1843462032550416408" size=1}
            <li class="on"></li>
            {/ms:arclist}
            {ms:arclist typeid="1843462032550416408"  }
<#if field.index gt 1 && field.index lte 10>
 
            <li></li>
             
</#if>
{/ms:arclist}
          </ul>
        </div>
      </div>
    </div>
  </div>

  <div class="index-news">
    {ms:channel type='self' typeid="1843462032550416394"}
    <div class="index-title">
      <div class="title">${field.typetitle}</div>
      <div class="title-line"></div>
      <p class="tips">${field.typedescrip}</p>
    </div>0
    {/ms:channel}
    <div class="s wp cl"> {ms:channel type='self' type='son' typeid="1843462032550416394" size=3}
      <div class="news-list">
        <div class="list-s">
          <div class="m"><img src="/{ms:global.style/}/images/index-list${field.index}.jpg" width="368" height="120" alt="${field.typetitle}"/>
            <p>${field.typetitle}</p>
          </div>
          <ul>
            {ms:arclist size=8  }
            <li class='cl'><a href='{ms:global.html/}${field.link}' title='{@ms:len field.title 20/}'><span>${field.date?string("MM-dd")}</span>{@ms:len field.title 20/}</a></li>
            {/ms:arclist}
          </ul>
        </div>
      </div>
      {/ms:channel} </div>
  </div>

  <div class="index-partner index-f">
    {ms:channel type='self' typeid="1843462032550416387"}
    <div class="index-title">
      <div class="title">${field.typetitle}</div>
      <div class="title-line"></div>
      <p class="tips">${field.typedescrip}</p>
    </div>
    {/ms:channel}
    <div class="wp s">
      <ul class="cl">
        {ms:arclist typeid="1843462032550416387" size=15  }
        <li class="li-${field.index}"><a href="JavaScript:" style="background-image: url({@ms:file field.litpic/})"></a> </li>
        {/ms:arclist}
      </ul>
    </div>
  </div>
  <div class="index-contact">
    <div class=" wp">
      <div class="s">
        <h6>现在，非常期待与您的又一次邂逅</h6>
        <p>某某网络努力让每一次邂逅总能超越期待</p>
        <div class="btn"> <a href="https://wpa.qq.com/msgrd?v=3&uin=内容可配置&site=qq&menu=yes" target="_blank" class="btn-a"><em></em><span>立即联系</span></a> </div>
      </div>
    </div>
    <div class="cover"></div>
  </div>
  <div class="index-process">
    <div class="index-title">
      <div class="title">某某网络服务流程</div>
      <div class="title-line"></div>
      <p class="tips">丰富互联网信息化项目服务经验，让我们对项目实施的规范化、标准化有更多的理解</p>
    </div>
    <div class="s wp">
      <ul class="cl">
        <li class="no"><a href="JavaScript:"><img src="/{ms:global.style/}/images/p1.png" width="50" height="50"/>
          <p>沟通需求</p>
          </a> </li>
        <li><a href="JavaScript:"><img src="/{ms:global.style/}/images/p2.png" width="50" height="50"/>
          <p>签订合同</p>
          </a> </li>
        <li><a href="JavaScript:"><img src="/{ms:global.style/}/images/p3.png" width="50" height="50"/>
          <p>UE原型设计</p>
          </a> </li>
        <li><a href="JavaScript:"><img src="/{ms:global.style/}/images/p4.png" width="50" height="50"/>
          <p>需求确认</p>
          </a> </li>
        <li><a href="JavaScript:"><img src="/{ms:global.style/}/images/p5.png" width="50" height="50"/>
          <p>UI设计</p>
          </a> </li>
        <li><a href="JavaScript:"><img src="/{ms:global.style/}/images/p6.png" width="50" height="50"/>
          <p>开发编码</p>
          </a> </li>
        <li><a href="JavaScript:"><img src="/{ms:global.style/}/images/p7.png" width="50" height="50"/>
          <p>测试验收</p>
          </a> </li>
        <li><a href="JavaScript:"><img src="/{ms:global.style/}/images/p8.png" width="50" height="50"/>
          <p>交付培训售后</p>
          </a> </li>
      </ul>
      <p style="padding: 10px 0 0 72px; line-height: 24px; font-size: 13px; color: #aaa;">*注：以上只是简洁的流程，实际项目中流程会有更多细节，请悉知</p>
    </div>
  </div>
  <script src="/{ms:global.style/}js/jquery.superslide.js"></script>
  <script>
$(".customer-box").slide({
    mainCell:".bd ul",
    effect:"leftLoop",
    autoPlay:false,
    delayTime:800
});
</script> 
</div>
<#include "footer.htm"/> 
<script type="text/javascript" src="/{ms:global.style/}js/index.js"></script>
</body>
</html>
